﻿    <link rel="stylesheet" href="http://www.12301.cc/tpl/newOrder/css/base.css"/>
	<link rel="stylesheet" href="http://www.12301.cc/tpl/newOrder/css/ticketInfo.css"/>
    <link rel="stylesheet" href="http://www.12301.cc/tpl/ui/common/ui_common.css"/>
	<div class="conWrap">
        <div class="topBox">
            <span class="list w260 active abd">1.产品信息</span>
            <span class="list w280 ml4">2.景点信息</span> 
            <span class="list w260 ml4">3.门票信息</span>
        </div> 
        <div class="inConWrap">
            <div class="line mb10">
                <span class="colorGray ml15">产品名：</span>
                <span>XXXXXXXXXXXXX</span>
            </div>
            <div class="newLine">
                <div class="newLt">
                    <div class="top">
                        <span class="tip">票类</span>
                        <a class="addBtn" href="javascript:void(0)" style="text-decoration:none">添加</a>
                    </div>
                    <div class="listBox" id="listBox" num="1">
                        <ul>
                            <!-- <li class="list">1.A区成人票<i class="iconfont iconDel">&#xe627;</i></li>
                            <li class="list active">1.A区成人票</li>
                            <li class="list">1.A区成人票</li> -->
                        </ul>
                    </div>   
                </div>
                <div class="newRt">
                    <div class="rtLine pl10 setLine30 borderB">
                        <span>预定时间段（同票类不能重复）</span>
                        <span class="dateBtn">切换日历模式</span>
                        <div class="priceListBox">
                            <ul>
                                <li class="priceList">日库存</li>
                                <li class="priceList">成本价</li>
                                <li class="priceList">电商价</li>
                                <li class="priceList">门市价</li>
                            </ul>
                        </div>
                    </div>
                    <div class="seatBox">
                       <span class="seatTip">座位分区</span>
                        <span class="selectBox">
                            <em class="selected">A区</em>
                            <i class="iconfont moreIcon" href="###">&#xe673;</i>
                        </span>
                        <span class="seatTip ml8">产品说明</span>
                        <span class="txtExplain">此票不允许带家属此票不允许带家属此票不允许带家属此票不允许带家属此票不允许带家属此票不允许带家属此票不允许带家属此票不允许带家属此票不允许带家属</span>
                    </div>
					<div id="data_list">
						<div class="rtLine pl10 mt20 first_li" id="price_tb" style="display:none;">
							<div>
								<input class="i_baseInp" type="text" />
								<span>至</span>
								<input class="i_baseInp" type="text" />
							</div>
							<div class="weekBox">
								<ul>
									<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />日</label></li>
									<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />一</label></li>
									<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />二</label></li>
									<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />三</label></li>
									<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />四</label></li> 
									<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />五</label></li>
									<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />六</label></li> 
									<li class="iWeek"><span>全选</span></li> 
									<li class="iWeek"><span>平时</span></li> 
									<li class="iWeek"><span>周末</span></li> 
								</ul>
							</div>
							<div class="priceListBox">
								<ul>
									<li class="priceList"><input class="i_baseInp w30" type="text" /></li>
									<li class="priceList"><input class="i_baseInp w30" type="text" /></li>
									<li class="priceList"><input class="i_baseInp w30" type="text" /></li>
									<li class="priceList"><input class="i_baseInp w30" type="text" /></li>
								   
								</ul>
								<button class="listAddBtn"><i class="iconfont add_btn"> &#xe639;</i></button>
							</div>
						</div> 
					</div>
                </div>
            </div>
            
            <div class="line mt50">
                <div class="lt">付款方式：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w250">
                                <label><input class="mt1" type="radio" value="" />在线支付<input class="i_baseInp w30 minuteInp" type="text" />分钟未支付自动取消 </label> 
                            </li>
                            <li class="methList w170 active">
                                <label><input  class="mt1" type="radio" value="" />现场支付</label> 
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="line">
                <div class="lt">使用有效期：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w250">
                                <label><input class="mt1" type="radio" value="" />游玩日期（含）后<input class="i_baseInp w30 iMinuteInp" type="text" />天有效 </label> 
                            </li>
                            <li class="methList w170">
                                <label><input  class="mt1" type="radio" value="" />游玩日期当天有效</label> 
                            </li>
                            <li class="methList w250">
                                <label><input class="mt1" type="radio" value="" /><input class="i_baseInp w30 iMinuteInp" type="text" />至<input class="i_baseInp w30 iMinuteInp" type="text" />有效</label> 
                            </li>
                            <li class="methList w170">
                                <label><input  class="mt1" type="radio" value="" />下单后<input class="i_baseInp w30 iMinuteInp" type="text" />天有效</label> 
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="line">
                <div class="lt">提前预定：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w455">
                                需提前
                                <input class="i_baseInp w30 iMinuteInp" type="text" />
                                天在 
                                <select>  
                                  <option value ="">11:30</option>  
                                  <option value ="">12:30</option>  
                                  <option value="">13:30</option>  
                                </select> 
                                前预定 
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="line">
                <div class="lt">取票信息：</div>
                <div class="rt">
                    <textarea class="baseArea w465"></textarea>
                </div>
                 <div class="tipMsg colorGray">此消息将在游客手机短信上显示</div>
            </div>
            <div class="leaderTip">
                <span>退票规则 <i class="iconfont" href="###">&#xe673;</i></span>
            </div>
            <div class="line mt40">
                <div class="lt">提前预定：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w455">
                                <label><input class="mt1" type="radio" value="" />无需审核<span class="rtList"><input class="mt1" type="checkbox" />短信通知供应商，手机<input class="i_baseInp iMinuteInp" type="text" /> </span></label> 
                            </li>
                            <li class="methList w455">
                                <label><input class="mt1" type="radio" value="" />供应商人工审核<i class="colorOrange">（配置此项后不可在OTA销售）</i> </label> 
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="line">
                <div class="lt">有效期内订单：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w455">
                                <label><input class="mt1" type="radio" value="" />可退<span class="rtList">需提前<input class="i_baseInp w30 iMinuteInp" type="text" />天<input class="i_baseInp w30 iMinuteInp" type="text" />时<input class="i_baseInp w30 iMinuteInp" type="text" />分</span> </label> 
                            </li>
                            <li class="methList w455">
                                <label><input class="mt1" type="radio" value="" />不可退 </label> 
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="line">
                <div class="lt">过期订单：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w455">
                                <label><input class="mt1" type="radio" value="" />可退<span class="rtList">过期<input class="i_baseInp w30 iMinuteInp" type="text" />天后自动取消并退款</span> </label> 
                            </li>
                            <li class="methList w455">
                                <label><input class="mt1" type="radio" value="" />不可退<span class="rtList">过期<input class="i_baseInp w30 iMinuteInp" type="text" />天后自动验证</span> </label> 
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="line">
                <div class="lt">退票手续费：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w455">
                                <label>
                                    <input class="mt1" type="radio" value="" />
                                    统一扣费
                                    <input class="i_baseInp w40 iMinuteInp" type="text" />
                                    <select class="baseSelect w40">  
                                      <option value ="">%</option>  
                                      <option value ="">元</option>  
                                      
                                    </select> 
                                    
                                    
                                </label> 
                            </li>
                            <li class="methList w455">
                                <label>
                                    <input class="mt1" type="radio" value="" />
                                    开始时间
                                    <input class="i_baseInp w30 iMinuteInp" type="text" />
                                    <select class="baseSelect w50">  
                                      <option value="">分钟</option> 
                                      <option value ="">小时</option>  
                                      <option value ="">天</option>  
                                    </select> 
                                    前，扣费
                                    <input class="i_baseInp w40 iMinuteInp" type="text" />
                                    <select class="baseSelect w40">  
                                      <option value ="">%</option>  
                                      <option value ="">元</option>  
                                    </select> 
                                    <button class="listAddBtn"><i class="iconfont"> &#xe639;</i></button>
                                    <div class="addList">
                                         开始时间
                                        <input class="i_baseInp w30 iMinuteInp" type="text" />
                                        <select class="baseSelect w50">  
                                          <option value="">分钟</option> 
                                          <option value ="">小时</option>  
                                          <option value ="">天</option>  
                                        </select> 
                                        <input class="i_baseInp w30 iMinuteInp" type="text" />
                                        <select class="baseSelect w40">  
                                          <option value="">分</option> 
                                          <option value ="">时</option>  
                                          <option value ="">天</option>  
                                        </select> 
                                        
                                        前，扣费
                                        <input class="i_baseInp w40 iMinuteInp" type="text" />
                                        <select class="baseSelect w40">  
                                          <option value ="">%</option>  
                                          <option value ="">元</option>  
                                        </select> 
                                        <button class="listDelBtn">X</button>
                                    </div>
                                </label> 
                               
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tipMsg colorGray">
                    <p>1.填“0”或空代表不收取费用</p>
                    <p>2.“+”添加不同时段的费用设置</p>
                    <p>3.<i class="colorOrange">时间为负值</i>时，表示过期可退</p>
                </div>
            </div>
            <div class="leaderTip">
                <span>拓展设置 <i class="iconfont" href="###">&#xe673;</i></span>
            </div>
            <div class="line">
                <div class="lt">提前预售：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w455">
                              <span>提前<input class="i_baseInp w40 iMinuteInp" type="text" />天预售</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="line">
                <div class="lt">验证时间：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w455">
                                <input class="i_baseInp iMinuteInp w70" type="text" />
                                <span>至</span>
                                <input class="i_baseInp iMinuteInp w70" type="text" />
                            </li>
                        </ul>
                    </div>
                    <div class="weekBox">
                        <ul>
                            <li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />日</label></li>
                            <li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />一</label></li>
                            <li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />二</label></li>
                            <li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />三</label></li>
                            <li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />四</label></li> 
                            <li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />五</label></li>
                            <li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />六</label></li> 
                        </ul>
                    </div>
                </div>
                <div class="tipMsg colorGray">
                    <p>限制日场票或夜场票的验票时间，间隔必须大于1小时</p>
                </div>
                
            </div>
            <div class="line">
                <div class="lt">付款方式：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w70">
                                <label><input class="mt1" type="radio" value="" />无需填写</label> 
                            </li>
                            <li class="methList w170">
                                <label><input class="mt1" type="radio" value="" />只需填写一位游客信息</label> 
                            </li>
                            <li class="methList w140 active">
                                <label><input  class="mt1" type="radio" value="" />需填写所有游客信息</label> 
                            </li>
                        </ul>
                    </div>
                </div>
                 <div class="tipMsg colorGray">
                    <p>指游客姓名跟身份证</p>
                </div>
            </div>
            <div class="line">
                <div class="lt">单次购买数量：</div>
                <div class="rt">
                    <div class="listWrap">
                        <ul>
                            <li class="methList w455">
                                最多
                                <input class="i_baseInp w30 iMinuteInp" type="text" />
                                张
                                <span class="ml30">
                                    最少
                                    <input class="i_baseInp w30 iMinuteInp" type="text" />
                                    张
                                </span>
                            </li>
                          
                        </ul>
                    </div>
                </div>
                <div class="tipMsg colorGray">
                    <p>填“0”代表不限</p>
                </div>
            </div> 
            <div class="line">
                <div class="lt">提前预定：</div>
                <div class="rt">
                    <div class="listWrap setBgWhite">
                        <ul>
                            <li class="methList w455">
                                <label><input class="mt1" type="checkbox" />短信通知供应商<span class="ml30">手机号：<input class="i_baseInp iMinuteInp" type="text" /> </span></label> 
                            </li>
                             <li class="methList w455">
                                <label><input class="mt1" type="checkbox" />短信（凭证码）至取票人手机</label> 
                            </li>
                            <li class="methList w455">
                                <label><input class="mt1" type="checkbox" />短信发送订单通知<span class="colorGray">（需关注票付通官方微信）</span></label> 
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="line ml170">
                <button class="btn colorBlue bgWhite">放入仓库</button>
                <button class="btn bgBlue colorWhite">保存，立即上架</button>
            </div>
            
        </div>
    
    </div>
    
    <div class="ui-page">
        <ul class="dropBox">
            <li>A区</li>
            <li>B区</li>
            <li>C区</li>
        </ul> 
    </div>
	<script type="text/javascript" src="http://www.12301.cc/tpl/newOrder/js/ticketInfo.js"></script> 
    <script type="text/template" id="ticket_temlate">
		<li class="list">
			<span class="txt_no_input input_{num}" disabled="disabled"  data="{num}"  value="1.A区成人票">dddd</span>
			<i class="iconfont iconDel" num="{num}">&#xe627;</i>
		</li>
		
	</script>
	<script type="text/template" id="template">
		
		
		
	<div class="rtLine pl10 mt20 price_tb" id="price_tb">
					<div>
						<input class="i_baseInp" type="text" />
						<span>至</span>
						<input class="i_baseInp" type="text" />
					</div>
					<div class="weekBox">
						<ul>
							<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />日</label></li>
							<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />一</label></li>
							<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />二</label></li>
							<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />三</label></li>
							<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />四</label></li> 
							<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />五</label></li>
							<li class="weekList"><label><input class="checkList" name="" type="checkbox" value="" />六</label></li> 
							<li class="iWeek"><span>全选</span></li> 
							<li class="iWeek"><span>平时</span></li> 
							<li class="iWeek"><span>周末</span></li> 
						</ul>
					</div>
					<div class="priceListBox">
						<ul>
							<li class="priceList"><input class="i_baseInp w30" type="text" /></li>
							<li class="priceList"><input class="i_baseInp w30" type="text" /></li>
							<li class="priceList"><input class="i_baseInp w30" type="text" /></li>
							<li class="priceList"><input class="i_baseInp w30" type="text" /></li>
						   
						</ul>
						{price_control}
					</div>
          </div>
		
		
		
	</script> 
	<script>
    $(window).resize(function () {$.windowbox.aa();  });
	$(function(){
        $(".selectBox").click(function(){
            $(".ui-page").addClass("show");
            $(".moreIcon").html("&#xe695;");
            $.windowbox.aa();                 
        })
        $(".ui-page").click(function(){
            $(this).removeClass("show");
            $(".moreIcon").html("&#xe673;");
        });
        $(".dropBox li").click(function(){
            var selected=$(this).text();
            $(".selected").text(selected);
            $(".triangle").removeClass("on");  
        });
        $(document).scroll(function(){ 
            $.windowbox.aa();  
        });   
       
    });
  $.windowbox = { 
        aa: function(){ 
            var s=$(document).scrollTop();
            var x = $('.selectBox').offset().top,
            y = $('.selectBox').offset().left;
            w=$(document).scrollTop();
            x=x-s+36;
            $(".dropBox").css("top",x);
            $(".dropBox").css("left",y);
        }
    } 
 
 </script>